body {
    background-color: rgb(246, 252, 255);
    padding-top: 30px;
    margin: 0;

    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-image: url("Media/istockphoto-1447388979-612x612.jpg");
}

.menu_holder {
    position: absolute;
}

.menu_box {
    margin-top: 100px;

    width: 500vw;
    height: fit-content;
    min-width: 200px;
    min-height: 200px;
    max-width: 500px;
    max-height: 350px;

    background-color: rgba(33, 33, 33, 0.7);
    text-align: center;
    padding-top: 20px;
}

.buttons {
    display: inline-block;
    padding: 10px 16px;

    background-color: rgb(110, 155, 155);
    color: rgb(248, 225, 225);

    border-radius: 6px;

    transition: background-color 0.2s, transform 0.1s;

    margin-bottom:  20px;
}

.buttons:hover {
    background-color: rgb(rgb(137, 157, 157))
}
table {

    background-color: white;
    margin: 0 auto;
}
tr:nth-child(even){
    background-color: white;
}

tr:nth-child(odd){
    background-color: rgb(137, 137, 137);
}
div {
    margin-bottom: 10px ;
}